<template>
  <div id="app">
    <!-- 路由视图，用于显示当前路由对应的组件 -->
    <router-view/>
  </div>
</template>


<!-- <template>
  <div id="app"> -->
<!-- 导航栏，通常放在这里 -->
<!-- <MainLayout v-if="showNavBar" /> -->

<!-- 路由视图，用于显示当前路由对应的组件 -->
<!-- <router-view /> -->
<!-- </div> -->
<!-- </template> -->

<!-- <script setup>
// 这里可以导入全局的组件
import MainLayout from './layouts/MainLayout.vue'; // 假设你有一个导航栏组件

import { computed } from 'vue';
import { useRoute } from 'vue-router';

const route = useRoute();

// 根据当前路径决定是否显示导航栏
const showNavBar = computed(() => {
  // 例如，只在登录页面以外的页面显示导航栏
  return route.path !== '/login';
});
</script> -->

<style>
/* 全局样式 */
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  /* margin-top: 60px;取消顶部空白 */
}
</style>
